Web Development Project 3 - SwiftUI Learning

This web app: This React application is made to help you learn SwiftUI in a fun way!

Time spent: 3 hours spent in total

Required Features

The following required functionality is completed:

• The user can enter their guess in a box before seeing the flipside of the card
• Clicking on a submit button shows visual feedback about whether the answer was correct or incorrect
• A back button is displayed on the card and can be used to return to the previous card in a set sequence
• A next button is displayed on the card and can be used to navigate to the next card in a set sequence

The following optional features are implemented:

• A shuffle button is used to randomize the order of the cards
• A user's answer may be counted as correct even when it is slightly different from the target answer
• A counter displays the user's current and longest streak of correct responses
• A user can mark a card that they have mastered and have it removed from the pool of answers as well as added to a list of mastered cards

The following additional features are implemented:

• List anything else that you added to improve the site's functionality!

Video Walkthrough

Here's a walkthrough of implemented user stories:

Notes

Describe any challenges encountered while building the app.

I had difficulty with state managment. There are some state that must be uplifting up. I took a while to understand why we need to pass a function hanlder from parent to child, aka a closure. There are many states that I think I need to optimize them later.